<template>
    <page-meta :page-style="$theme.pageStyle">
        <!-- #ifndef H5 -->
        <navigation-bar :front-color="$theme.navColor" :background-color="$theme.navBgColor" />
        <!-- #endif -->
    </page-meta>
    <!-- #ifndef H5 -->
    <u-sticky h5-nav-height="0" bg-color="transparent">
        <u-navbar
            :is-back="false"
            :is-fixed="false"
            title="重点项目"
            :border-bottom="false"
            :title-bold="true"
            :title-color="$theme.navColor"
            :background="{ background: $theme.navBgColor }"
        >
        </u-navbar>
    </u-sticky>
    <!-- #endif -->
    <view class="news">
        <view class="news-list pt-[20rpx]">
            <key-project-list></key-project-list>
        </view>
    </view>
</template>

<script lang="ts" setup>
import KeyProjectList from '@/pages/key_project/component/key-project-list.vue'
</script>

<style lang="scss">
.news {
    &-search {
        margin-bottom: 2rpx;
    }

    &-list {
        height: calc(100vh - 272rpx - env(safe-area-inset-bottom));
    }
}
</style>
